<template>
    <div>属性编辑</div>
    <a-form>
        <a-form-item label="Block">
            <a-switch v-model:checked="ButtonConfig.block" />
        </a-form-item>
    </a-form>
    <div>事件编辑</div>
    <EventView ref="EventObj" />
</template>
<script setup>
import { ref, shallowRef } from "vue";
import EventView from "../../Comp/Events/Events.vue";

const EventObj = ref();

const ButtonConfig = ref({
    danger: false,
    block: false,
    type: "",
    ghost: false,
    shape: "default",
    icon: shallowRef(),
    size: undefined,
    loading: false,
    disabled: false,

    href: undefined,
    target: "",
});

defineExpose({
    GetValue: function () {
        return ButtonConfig.value;
    },
});
</script>
<style scoped></style>
